<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../common/css/normalize.css">
    <link rel="stylesheet" href="../common/css/public.css">
    <link rel="stylesheet" href="../common/css/city-common.css">
    <link rel="stylesheet" href="../css/city/warehouse.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="../common/js/tab.js"></script>
    <script src="../common/js/baidu.js"></script>
    <title>仓库</title>
</head>

<body>
    <div class="main">
        <div class="city-logo fl"></div>
        <div class="city-content fl">
            <div class="title">
                <div class="item warehouse-title"></div>
            </div>
            <div class="all-item clearfix">
                <div class="warehouse city-component fl">
                    <div class="title-logo"></div>
                    <div class="prop-list">
                        <ul>
                            <li class="titles clearfix">
                                <span class="img title-item">图标</span>
                                <span class="name title-item">名称</span>
                                <span class="price title-item">卖出价格</span>
                                <span class="num title-item">数量</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="backpack city-component fl">
                    <div class="title-logo"></div>
                    <div class="prop-list">
                        <ul>
                            <li class="titles clearfix">
                                <span class="img title-item">图标</span>
                                <span class="name title-item">名称</span>
                                <span class="price title-item">卖出价格</span>
                                <span class="num title-item">数量</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/12.gif">
                                </span>
                                <span class="name">神圣礼包</span>
                                <span class="price">1</span>
                                <span class="num">100</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="bottom clearfix">
                <div class="bl">
                    <div class="warehouse-space">
                        仓库空间:
                        <span class="wnum">15</span>/<span class="wall">60</span>
                    </div>
                    <div class="num-input">
                        数量:
                        <input type="number">
                    </div>
                    <img src="../images/warehouse/putout.png">
                    <img src="../images/warehouse/putin.png">
                </div>
                <div class="br">
                    <div class="backpack-space">
                        背包空间:
                        <span class="wnum">15</span>/<span class="wall">120</span>
                    </div>
                    <img src="../images/warehouse/add01.gif">
                </div>
            </div>
        </div>
    </div>
</body>

</html>